{include file="common:head" /}
<style>
	.car-second li{
		float: left;
		margin: 0px 5px;
		padding: 6px 15px;
	}
	.car-second li.active{
		/*color: #00a2d4;*/
	}

	.pagina{
		margin-top: 20px;
		text-align: center;
		margin-bottom: 33px;
	}
	.pagina ul li{
		display: inline-block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		color: #386ed3;
		background: #fff;
		border: 1px solid #afc5ed;
	}

	.listactive{
		background-color: #dcb77d;
		color: #fff;

	}
	.lishow{
		display:none;
	}
</style>
	<body>
		{include file="common:header" /}
		<div class="index-content">
			<div class="all-content padd16">
				<div class="all-title flex_center_between">车型展示</div>
				<ul class="car-second clearfix"  style="margin-bottom: 10px;">
					<li class="{if condition='$get eq 128' }listactive{/if}"  onclick="window.location.href='/move/lists/index.html'">全部</li>
					{volist name="cate_list" id="item" offset='0' length='3'}
					<li class="{if condition='$get eq $item.name'}listactive{/if} " onclick="openwin('{:url(\'/move/lists/index\')}' + '?title={$item.name}')">{$item.name}</li>
					{/volist}
					<li class="" id="gengduo">更多</li>
					{volist name="cate_list" id="item" offset='3' length='100'}
					<li class="{if condition='$get eq $item.name'}listactive{/if} lishow" onclick="openwin('{:url(\'/move/lists/index\')}' + '?title={$item.name}')">{$item.name}</li>
					{/volist}
<!--					<li>威霆</li>-->
<!--					<li>斯宾特</li>-->
<!--					<li>罗伦士</li>-->
				</ul>
				<script>
					$('#gengduo').click(function () {
						$('#gengduo').html('收起');
						$(".lishow").toggle();
					})
					$('.shouqi').click(function () {
						$('.lishow').hide();
					})
				</script>
				<div class="hot-content clearfix">
					{volist name="clist" id = "item"}
					<div class="hot-list fl" onclick="openwin('/move/lists/detail?id={$item.id}')">
						<div class="img-box">
							<img src="{$item.w_img}" />
						</div>
						<div class="img-box">
							<img src="{$item.z_img}" />
						</div>
						<p class="name oneline">{$item.title}</p>
						<p class="des oneline" style="display: none">{$item.intro}</p>

<!--						<p class="des oneline">{$item.intro}</p>-->

<!--						<p class="des oneline"></p>-->
					</div>
					{/volist}

				</div>
				<div class="pagina">
					<div class="page">
						{$clist|raw}
					</div>
				</div>
				{include file="common:footer" /}

				{include file="common:telphone" /}
		</div>
		</div>
		<script type="text/javascript" src="__STATIC__/move/js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="__STATIC__/index/js/common.js"></script>
		<script type="text/javascript">
			$(".car-second").on('click','li',function () {
				$(this).addClass('active').siblings().removeClass('active')
			})
		</script>
	</body>
</html>